<template>
    <svg :style="{ width, height }">
        <!-- svg文件中的颜色只有为 fill="#000000" 即为纯黑色时，才会被fill属性覆盖，其它颜色不会改变 -->
        <use :href="'#icon-' + name" :fill="color"></use>
    </svg>
</template>

<script setup lang="ts">
withDefaults(defineProps<{
    // icon名字
    name: string,
    // icon颜色
    color?: string,
    // icon宽度
    width?: string,
    // icon高度
    height?: string
}>(), {
    name: '',
    color: '',
    width: '20px',
    height: '20px'
})
</script>

<style scoped></style>